﻿
@{
    Layout = null;
}
 
<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    @*引入包*@
    <link href="~/Content/Easy UI/themes/icon.css" rel="stylesheet" />
    <link  href="~/Content/Easy UI/themes/Site.css" rel="stylesheet"/>
    <link href="~/Content/Easy UI/themes/default/easyui.css" rel="stylesheet" />
    <script src="~/Content/Easy UI/script/jquery-1.11.1.js"></script>
    <script src="~/Content/Easy UI/script/jquery.easyui.min.js"></script>
    <script src="~/Content/Easy UI/script/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript">

        $(document).ready(function () {
            BindMenuClickHrefEvent();
            //关闭选项卡
            $(".CloseAll").click(function () {
                $("#ttTab li").each(function (index, obj) {
                    //获取所有可关闭的选项卡
                    var tab = $(".tabs-closable", this).text();
                    $(".easyui-tabs").tabs('close', tab);
                });
            });
            var b_c, c;
            //b_c背景颜色
            //c 字体颜色
            $(".ul-menu li").hover(
                function () {
                    //先给当前选中的标签赋一个background-color属性
                    b_c = $(this).css("background-color");
                    //再给这个属性赋值
                    $(this).css("background-color", "#34AFFF");
                    //先给c当前选中的标签赋一个color属性
                    c = $(this).css("color");
                    //再给color属性赋值
                    $(this).css("color", "#ffffff");
                    $(this).css("cursor", "pointer");
                },
                function () {
                    $(this).css("background-color", b_c);
                    $(this).css("color", c);
                }
            );
        })
        //实现用户单击导航栏跳转页面的方法
        function BindMenuClickHrefEvent() {
            $(".ul-menu li a").click(function () {
                //获取按钮里面的Src属性
                var src = $(this).attr("src");
                //将主框架的iframe跳转到菜单指向的地址，$("#frmWorkArea").attr("src", src);
                //Tab页面新增页面标签，每当单击左边的导航栏的时候跳转
                var titshow = $(this).text();
                var strHtml = '<iframe id="frmWorkArea" width="100%" height="99%" frameborder="0" scrolling="no" src="' + src + '"></iframe>';
                //判断Tab标签中是否有相同的数据标签
                var isExist = $("#ttTab").tabs("exists", titshow);
                if (!isExist) {
                    $("#ttTab").tabs('add', {
                        title: titshow,
                        content: strHtml,
                        iconCls: 'icon-ok',
                        closable: true
                    });
                }
                else {
                    $('#ttTab').tabs('select', titshow);
                }
            });
        }
    </script>
</head>
<body>
    <div id="cc" class="easyui-layout" style="width:1000px;height:700px;">
        <div data-options="region:'north',border:false" style="height: 60px; background: #2E70CC;padding:10px; color: #ffffff">
            <div style="float: left;">
                <img alt="" src="themes/metro/images/logo.png" width="120px" height="35px" />
            </div>
            <div style="float: left; font-size: 14px; padding-left: 30px; padding-top: 15px;">
                会员消费积分管理平台&nbsp;&nbsp;&nbsp;&nbsp; 当前用户:
            </div>
            <div class="link" style="float: right;font-size: 14px; padding-right:100px; padding-top: 10px;background: #2E70CC;">
                <a href="#" class="easyui-linkbutton CloseAll" data-options="plain:true,iconCls:'icon_Delete'">关闭全部</a>
                <a href="#" class="easyui-menubutton" data-options="menu:'#mm1',iconCls:'icon_Person2'">
                    账号管理
                </a>
            </div>
            <div id="mm1" style="width: 150px;">
                <div data-options="iconCls:'icon_PersonEdit'">
                    <a href="#" class="ExchangeMessage">修改个人资料</a>
                </div>
                <div class="menu-sep">
                </div>
                <div data-options="iconCls:'icon_Edit'">
                    <a href="#" class="ExchangePassword">修改密码</a>
                </div>
                <div class="menu-sep">
                </div>
                <div data-options="iconCls:'icon-back'">
                    <!--@Html.ActionLink("退出系统", "LoginOff", "Login")-->
                </div>
            </div>
        </div>
        <div data-options="region:'south',border:false" style="height: 40px; padding: 10px;
        background: #2E70CC; text-align: center; color: #ffffff">

            版权所有 @@copy 2019 会员消费积分管理平台
        </div>
        <div data-options="region:'west',title:'菜单导航',split:true" style="width:200px;">
            <div id="aa" class="easyui-accordion" style="width:193.5px;height:500px;">
                <div title="用户管理" data-options="" style="overflow:auto;padding:10px;">
                    <ul class='ul-menu'>
                        <li><a src="/UserInfo/Index">用户列表</a></li>
                    </ul>
                </div>
                <div title="礼品管理" data-options="selected:true" style="padding:10px;">
                    <ul class='ul-menu'>
                        <li><a src="/Gifts/Index">礼品列表</a></li>
                    </ul>
                </div>
                <div title="会员管理" data-options="selected:true" style="padding:10px;">
                    <ul class='ul-menu'>
                        <li><a src="/MemCardsInfo/MemCardsIndex">会员列表</a></li>
                    </ul>
                </div>
                <div title="会员消费" data-options="selected:true" style="padding:10px;">
                    <ul class='ul-menu'>
                        <li><a src="/MemCon/Index">快速消费</a></li>
                        <li><a src="/MemCon/IndexMemMin">会员减积分</a></li>
                        <li><a src="/MemCon/Indexhistory">消费历史记录</a></li>
                    </ul>
                </div>
                <div title="积分兑换" data-options="selected:true" style="padding:10px;">
                    <ul class='ul-menu'>
                        <li><a src="/members.html">积分兑换礼品</a></li>
                        <li><a src="/members.html">积分返现</a></li>
                        <li><a src="/members.html">兑换历史记录</a></li>
                    </ul>
                </div>
                <div title="统计中心">
                    <ul class='ul-menu'>
                        <li><a src="/members.html">快速消费统计</a></li>
                        <li><a src="/members.html">会员消费情况统计</a></li>
                        <li><a src="/members.html">减积分统计</a></li>
                        <li><a src="/members.html">积分返现统计</a></li>
                        <li><a src="/members.html">礼品兑换统计</a></li>
                    </ul>
                </div>
            </div>

        </div>
        <div data-options="region:'center'" style="overflow:hidden">
            <div id="ttTab" class="easyui-tabs" data-options="tools:'#tab-tools',border:false,fit:true"
                 style="overflow: hidden;">
            </div>


        </div>
    </div>
</body>
</html>
